
<div class="div-lianxi" id="foot" >
    <div class="f-xl" onclick="openlx()"0>
				<span id="">
					联系我们
				</span>
        <div class="div-top img1">
        </div>
        <!--
            作者：offline
            时间：2018-06-26
            描述：
            <div class="div-boom">
        </div>
        -->
    </div>

    <div class="f-img">
        <img src="__STATIC__/mobile/img/QQ.png"/>
        <img src="__STATIC__/mobile/img/2wm.png"/>
        <img src="__STATIC__/mobile/img/WX.png"/>
    </div>

    <div  class="div-foot">
        <div id="">
            <img src="__STATIC__/mobile/img/ft-ph.png" height="15px" />
            <span>联系电话 ：027-123456</span>
        </div>
        <div id="">
            <img src="__STATIC__/mobile/img/ft-add.png" height="15px" />
            <span>联系地址 ：广东省广州市白云区丛云路982号金癸大夏</span>
        </div>
        <div id="">
            ©2012-2018 企业科技创新服务平台 粤ICP备12030387号-7
        </div>
    </div>
</div>
</div>
<script type="text/javascript">
    mui.init();

    var app = new Vue({
        el: "#headerid",
        data: {
            type: 0 //是否登录

        },
        mounted: function() {

            var cheight = document.documentElement.clientHeight;
            //console.log("ch", cheight);
            var head = $t("headerid").offsetHeight;
            //console.log("herd", head);
            var foot = $t("foot").offsetHeight;
            //console.log("foot", foot);
            $t("ifpage").height = cheight - head - foot;
            //$t("ifpage").height = cheight - foot;
            //$t("ifpage").style.overflow-x =  "hidden";
            //$(".caidan").height = cheight - head;
            var ifpage = $t("ifpage").offsetHeight;
            //console.log("ifpage", ifpage);
        },
        methods: {

        }
    })
    var open = true
    function openlx(){
        var head = $(".f-xl").height();
        //console.log("herd", head);
        var foot = $(".f-img").height();
        //console.log("foot", foot);
        var foot2 = $(".div-foot").height();
        //console.log("foot", foot2);
        if(open){
            $("#foot").animate({height:head + foot + foot2 + 50});
            $(".div-top").animate({transform:'rotate(0deg)'});
            $(".div-top").css({'transform':'rotate(180deg)','margin-top': '10px'});
            open = !open;
        }else{
            $("#foot").animate({height:head});
            $(".div-top").css({'transform':'rotate(0deg)','margin-top': '-10px'});
            open = !open;
        }
    }
    var flag = true;

    function setcd() {
        if(flag) {
            show();
        } else {
            hidden();
        }
    }

    function show() {
        $("#caidanid").animate({
            "left": "50%"
        });
        flag = false;
    }

    function hidden() {
        $("#caidanid").animate({
            "left": "100%"
        });
        flag = true;
    }

    function setpage(obj,servar_name) {
        var url = obj.attr('_href');
        var verification_login = obj.attr('verification_login');
        if(verification_login == 'true' && typeof(verification_login) != 'undefined'){
            $.post("{:url('Login/is_login')}",{},function(result){
                if(result.code == '0'){
                    layer.open({
                        content:"你还没登陆!"
                        ,skin:"msg"
                        ,time:2
                    });
                    return false;
                }
            });
        }
        $('iframe').attr('src',url);
        if(typeof(servar_name) != 'undefined'){
            $('iframe').attr('servar_name',servar_name);
            //$('iframe').find("input[name='sear_name']").val($('iframe').attr('servar_name'));
        }else{
            $('iframe').removeAttr('servar_name');
        }
        hidden();
    }

    function $t(id) {
        return document.getElementById(id);
    }

    function backpage() {
        //console.log("length", window.frames['ifpagename'].history.length);
        //console.log("history", window.frames['ifpagename'].history);
        if(window.frames['ifpagename'].history.length > 0) {
            window.frames['ifpagename'].history.back();
        }

    }
</script>

</body>

</html>